<style>
td[colspan='3'] input {width:386px;}
td[colspan='2'] input {width:200px;}
.tabs-header {background-color: #fff;border-width:0px;}
#dlg_table td{height: 30px;line-height: 30px;width: 100px;border: 1px solid black;}
#dlg_table td:nth-child(2n+1) {text-align: right;}
#dlg_table td:nth-child(2n) {padding-left:6px;}

#bysxj input[type=text]{background-color: #95B8E7;width: 90px;}
#bysxj td:nth-child(2n-1) {width: 100px;height: 30px;line-height:30px;}
#bysxj td:nth-child(2n) {width: 120px;height: 30px;line-height:30px;}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
a { text-decoration:none; }
body { background:#fff; }
.clear { clear:both; }
h1, h2, h3, h4, h5, h6, strong { font-size:100%; font-weight:800;}
.screen{width:500px; border:1px solid #47b4eb; }
.checkedBox{width:470px;height:29px; border-bottom:1px solid #47b4eb;background:#e7f1fe;padding:0 15px 0 15px; font-size:12px;overflow:hidden;}
.checkedBox dt{color:#454444;line-height:28px;float:left;}
.checkedBox dd{float:left;padding:6px 8px 0 0;}
.checkedBox dd a{color:#608acc;background:url(1.gif) right #fff no-repeat;overflow:hidden; display:block; float:left;height:15px;line-height:15px;border:1px solid #b4c6dc;padding:0 20px 0 5px;}
.checkedBox dd a:hover{color:#47b4eb;background:url(2.gif) right #fff no-repeat;border:1px solid #79bfe2;}
.screenList{font-size:12px;padding:0 10px 0 10px;}
.screenItem{ width:490px; border-bottom:1px solid #999999; }
.screenItem dt{ float:left; line-height:28px;}
.screenItem dd{ float:left; line-height:28px; padding-right:8px;}
.screenList a{padding-left:5px;}


</style>
<table class="easyui-datagrid" data-options="toolbar:'#rzglToolbar',fit:true,pagination:true,pageSize:20,pageList:[20,50,100,200,500,1000]">
	<thead>
		<tr>
			<th data-options="field:'ck',checkbox:true"></th>
			<th data-options="field:'t0',align:'center'">序号</th>
			<th data-options="field:'t1',halign:'center'">课程题目</th>
			<th data-options="field:'t2',align:'center'">授课地点</th>
			<th data-options="field:'t5',align:'center'">授课时间</th>
			<th data-options="field:'t6',align:'center'">授课班级</th>
			<th data-options="field:'t7',align:'center'">详情</th>
		</tr>
	</thead>
	<tbody>
		<tr><td></td><td>1</td><td>雕塑发展史</td><td>厚学楼</td><td>2014-08-26 22:58:12</td><td>信管0702班</td><td><a href="javascript:void(0)">查看</a></td></tr>
		<tr><td></td><td>2</td><td>圆雕的基础技法</td><td>厚学楼</td><td>2014-08-26 22:58:12</td><td>信管0702班</td><td><a href="javascript:void(0)">查看</a></td></tr>
	</tbody>
</table>

<div id="rzglToolbar">
	<table>
		<tr>
			<td>课程题目：<input type="text" style="width:100px;"></td>
			<td><a class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-search'">查询</a></td>
			<td><a class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'" onclick="$('#jaglWin').window('open');">添加</a></td>
			<td><a class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-edit'">编辑</a></td>
			<td><a class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-remove'" onclick="confirmDelete()">删除</a></td>
		</tr>
	</table>
</div>


<div id="jaglWin" class="easyui-window" title="新增教案" style="width:600px;height:450px;padding:10px" data-options="closed:true">
	<form class="pure-form pure-form-aligned">
    <fieldset>
        <div class="pure-control-group">
            <label for="name">课程题目：</label>
            <input id="name" type="text" placeholder="课程题目">
        </div>

        <div class="pure-control-group">
            <label for="password">雕像形式：</label>
            <input id="password" type="button" onclick="$('#dxxsWin').window('open');" value="选择雕像形式">
        </div>
        
        <div class="pure-control-group">
            <label for="password1">授课地点：</label>
            <input id="password1" type="text" placeholder="授课地点">
        </div>
        <div class="pure-control-group">
            <label for="password11">授课班级：</label>
            <input id="password11" type="text" placeholder="授课班级">
        </div>

        <div class="pure-control-group">
        	<div>
        		<div style="text-align: right;display: inline-block;vertical-align: middle;width: 10em;margin: 0 1em 0 0;float:left;"><label for="foo">教案内容：</label></div>
        		<div style="float:left;width: 400px;"><div id="myEditor11"></div></div>
        	</div>
        </div>

        <div class="pure-controls">
            <button type="submit" class="pure-button pure-button-primary" style="margin-top:10px;">提交</button>
        </div>
    </fieldset>
	</form>
</div>

<div id="dxxsWin" class="easyui-window" title="选择雕像形式" style="width:540px;height:200px;padding:10px" data-options="closed:true">
	<div class="screen">
		<dl class="checkedBox">
			<dt>您已选择：</dt>
			<dd><a href="#" onclick="delSel(this,'item1')">骨雕</a></dd>
			<dd><a href="#" onclick="delSel(this,'item1')">漆雕</a></dd>
		</dl>
	<div class="screenList">
		<dl class="screenItem" id="item1">
			<dt>雕塑形式:</dt>
			<dd><a href="#" onclick="addSel(this)">圆雕</a></dd>
			<dd><a href="#" onclick="addSel(this)" style="color:red;">浮雕</a></dd>
			<dd><a href="#" onclick="addSel(this)">透雕</a></dd>
			<div class="clear"></div>
		</dl>
		<dl class="screenItem" id="item2">
			<dt>雕塑材料:</dt>
			<dd><a href="#" onclick="addSel(this)">木雕</a></dd>
			<dd><a href="#" onclick="addSel(this)">石雕</a></dd>
			<dd><a href="#" onclick="addSel(this)" style="color:red;">骨雕</a></dd>
			<dd><a href="#" onclick="addSel(this)" style="color:red;">漆雕</a></dd>
			<dd><a href="#" onclick="addSel(this)">贝雕</a></dd>
			<dd><a href="#" onclick="addSel(this)">根雕</a></dd>
			<div class="clear"></div>
		</dl>
	</div>
	</div>
	<div><button type="submit" class="pure-button pure-button-primary" style="margin-top:10px;">确定</button></div>
</div>


<script>
function confirmDelete(){
    $.messager.confirm('确认删除资料', '你确认要删除所选资料?', function(r){
        if (r){
            alert('confirmed: '+r);
        }
    });
}

var options = {
		toolbars:[
            ['bold', 'italic', 'underline', 'blockquote', '|',
            'forecolor', 'backcolor', '|',
             'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|',
            'insertimage', 'emotion', 'insertvideo', 'music']
        ],
        initialFrameHeight: 180
};
UE.getEditor('myEditor11',$.extend({},options,{initialFrameHeight: 100,textarea:'scholarship.jjy'}));
</script>